<%@page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@include file="/WEB-INF/jsp/base/taglibs.jsp"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="<%=request.getContextPath() %>/js/jquery.js"></script>
<title>left</title>
</head>
<style type="text/css">
<!--
body {
	margin: 0px;
	height:100%;
	overflow:hidden;
}
.STYLE1 {
	font-size: 12px;
	color: #000;
}
.STYLE3 {
	font-size: 12px;
	color: #033d61;
}
.menu_title{
	background-image: url('../images/main_47.gif');
	width: 151px;height: 23px;
	margin-left: 7px;
	cursor:pointer;
	line-height: 18px;
}
.menu_value{
	background-image: url('../images/main_51.gif');
	cursor:pointer;
	line-height: 25px;
	width: 151px;
	margin-left: 7px;
}
.menu_main{
	background-image: url('../images/main_40.gif');
	width: 165px;
	height: 28px;
	text-align: center;
	line-height: 28px;
	margin-top: 28px;
}
.span_title{
	background-image: url('../images/left.gif');
	width: 10px;
	height: 10px;
	display: block;
	float:left;
	margin: 6px 5px 0 10px;
	overflow: hidden;
	_margin-left:5px;
}
.menu_buttom{
	background-image: url('../images/main_52.gif');
	width: 151px;
	margin-left: 7px;
	line-height: 18px;
	height:5px;
	overflow: hidden;
}
.buttom{
	background-image: url('../images/main_58.gif');
	width:165px;
	height:18px;
	position: absolute;
	left: 6px;
	bottom: 0px;
	z-index: 9999;
	_bottom: -1px;
	text-align: center;
    line-height: 18px;	
}
.box {
	height:100%;
	position:absolute;
	z-index:1;
	width:100%;
	width: 165px;
	border-left:6px solid #1873aa;
	border-right:6px solid #1873aa;
} 
.main_top{
	background-image: url('../images/main_32.gif');
	width:177px;
	height:28px;
	margin-left: -6px;
	position: absolute;
	top:0px;
	left:0px;
	z-index:2;
	
}
.menu_title SPAN {
	FONT-WEIGHT: bold; LEFT: 3px; COLOR: #ffffff; POSITION: relative; TOP: 2px 
}
.menu_title2 SPAN {
	FONT-WEIGHT: bold; LEFT: 3px; COLOR: #FFCC00; POSITION: relative; TOP: 2px
}
-->
</style>
<body>
<div class="box">
	
	<div class="main_top">
		<span class="STYLE1" style="margin-left: 37px;line-height: 34px;">欢迎您：[${currentUser.userRealName}]</span>
	</div>
	
	<div class="menu_main">
		<span class="STYLE1">菜单管理列表</span>
	</div>
	
	<s:iterator value="resourseBizBeanList" var="r" status="sta">
		<div class="menu_title" onclick="showsubmenu(${sta.index},'<s:property value="resourseBizBeanList.size"/>')">
			<span class="STYLE1" style="margin-left: 23px;" ><s:property value="#r.title"/></span>
		</div>
		<s:if test="childrenList.size > 0">
		<div id="submenu${sta.index}" style="display: none;">
			<div class="menu_value">
				<s:iterator value="childrenList" var="c" status="sta2">
				<div >
					<span class="span_title"></span>
					<a target="centerFrame" href="../<s:property value="#c.url"/>" style="text-decoration:none;">
						<span class="STYLE1" style="padding:3px 15px 2px 5px;" onmouseover="this.style.borderStyle='solid';this.style.borderWidth='1';borderColor='#7bc4d3'" onmouseout="this.style.borderStyle='none'" >
							<s:property value="#c.title"/>
						</span>
					</a>
				</div>
				</s:iterator>
			</div>
			<div class="menu_buttom"></div>
		</div>
		</s:if>
	</s:iterator>
</div>
<div class="buttom"><span style="font-size: 12px;color: #000;">版本：2013V1.0</span></div>
</body>
<script type="text/javascript">
function switchSysBar(){
	var locate=location.href.replace('left.jsp','');
	var ssrc=document.all("img1").src.replace(locate,'');
	if (ssrc=="../images/main_55.gif")
	{ 
		document.all("img1").src="../images/main_55_1.gif";
		document.all("frmTitle").style.display="none";
	} 
	else
	{ 
		document.all("img1").src="../images/main_55.gif";
		document.all("frmTitle").style.display="";
	}
} 
function showsubmenu(sid, count)
{
	if(document.getElementById('submenu'+sid) == null)
		return
	whichEl = eval("submenu" + sid);
	if (whichEl.style.display == "none")
	{
		eval("submenu" + sid + ".style.display=\"\";");
	}
	else
	{
		eval("submenu" + sid + ".style.display=\"none\";");
	}
	// 没有选择的项，收起来
	for(var i = 0; i < count; i++)
	{
		// 当前是否隐藏
		var o = document.getElementById("submenu" + i).style.display;
		if(o.style ==null)
			return
		if(i != sid && o != 'none')
		{
			eval("submenu" + i + ".style.display=\"none\";");
		}		
	}
}
</script>
<%-- 
<script>
	$(document).ready(function(){
		// 目前这里的菜单数目还很小，内容很少，所有直接赋值，
		// 如果菜单内容很多的时候，就要用判断，如果菜单内容大于屏幕的高度，设置值就是菜单内容的高度，如果小于就赋值屏幕高度。
		$("#table1").css("height",document.documentElement.clientHeight + "px");
		$("#div2").css("height",document.documentElement.clientHeight + "px");
	});
</script>
--%>
</html>